<?php if (!defined('THINK_PATH')) exit(); /*a:2:{s:87:"C:\phpStudy\PHPTutorial\WWW\P201803\fly\public/../application/index\view\reg\index.html";i:1536628322;s:74:"C:\phpStudy\PHPTutorial\WWW\P201803\fly\application\index\view\layout.html";i:1536288710;}*/ ?>
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <title><?php echo !empty($title)?$title:'欢迎来到'; ?>-<?php echo config('stie_name'); ?></title>
  <link rel="stylesheet" href="//at.alicdn.com/t/font_24081_dddajmj0coc4n29.css" />
  <link rel="stylesheet" href="/static/layui/css/layui.css?v=<?php echo config('viseon'); ?>" />
  <link rel="stylesheet" href="/static/index/css/global.css" charset="utf-8" />
  <script src="/static/layui/layui.js"></script>
 </head>
 <body>
  <div class="fly-header layui-bg-black"> 
   <div class="layui-container"> 
    <a class="fly-logo" href="/"> <img src="/static/index/images/logo.png" alt="layui" /> </a> 
    <ul class="layui-nav fly-nav layui-hide-xs"> 
     <li class="layui-nav-item"> <a href="/"><i class="iconfont icon-jiaoliu"></i>交流</a> </li> 
     <li class="layui-nav-item"> <a href="javascript:;"><i class="iconfont icon-chanpin" style="top: 1px;"></i>专区</a> 
      <dl class="layui-nav-child fly-nav-child"> 
       <dd>
        <a href="/vipclub/list/layuiadmin/">layuiAdmin</a>
       </dd> 
       <hr /> 
       <dd>
        <a href="/vipclub/list/layim/">LayIM</a>
       </dd> 
      </dl> <span class="layui-badge-dot" style="margin: -5px 10px 0; right: 0;"></span> </li> 
     <li class="layui-nav-item"> <a href="http://www.layui.com/"><i class="iconfont icon-ui"></i>框架</a> </li> 
    </ul> 
    
    <?php if(session('uid')): ?>
    <ul class="layui-nav fly-nav-user">
      <li class="layui-nav-item">
          <a class="fly-nav-avatar" href="/user/" id="LAY_header_avatar">
              <cite class="layui-hide-xs"><?php echo session('username'); ?></cite>
              <img src="/<?php echo session('face'); ?>"></a>
          <dl class="layui-nav-child">
              <dd>
                  <a href="<?php echo url('index/user/index'); ?>">
                      <i class="layui-icon">&#xe612;</i>用户中心</a></dd>
              <dd>
                  <a href="<?php echo url('index/user/set'); ?>">
                      <i class="layui-icon">&#xe620;</i>基本设置</a></dd>
              <hr>
              <dd>
                  <a href="<?php echo url('index/user/msg'); ?>">
                      <i class="iconfont icon-tongzhi" style="top: 4px;"></i>我的消息</a>
              </dd>
              <dd>
                  <a href="<?php echo url('index/user/index'); ?>">
                      <i class="layui-icon" style="margin-left: 2px; font-size: 22px;">&#xe68e;</i>我的主页</a></dd>
              <hr style="margin: 5px 0;">
              <dd>
                  <a href="<?php echo url('index/login/loginout'); ?>" style="text-align: center;">退出</a></dd>
          </dl>
      </li>
  </ul>
    <?php else: ?>
    <ul class="layui-nav fly-nav-user"> 
     <li class="layui-nav-item"> <a class="iconfont icon-touxiang layui-hide-xs" href="/user/login/"></a> </li> 
     <li class="layui-nav-item"> <a href="<?php echo url('index/login/index'); ?>">登入</a> </li> 
     <li class="layui-nav-item"> <a href="<?php echo url('index/reg/index'); ?>">注册</a> </li> 
     <li class="layui-nav-item layui-hide-xs"> <a href="/app/qq/" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})" title="QQ登入" class="iconfont icon-qq"></a> </li> 
     <li class="layui-nav-item layui-hide-xs"> <a href="/app/weibo/" onclick="layer.msg('正在通过微博登入', {icon:16, shade: 0.1, time:0})" title="微博登入" class="iconfont icon-weibo"></a> </li> 
    </ul>
    <?php endif; ?>
   </div>
  </div>

  
  <div class="layui-container fly-marginTop"> 
   <div class="fly-panel fly-panel-user" pad20=""> 
    <div class="layui-tab layui-tab-brief" lay-filter="user"> 
     <ul class="layui-tab-title"> 
      <li><a href="/user/login/">登入</a></li> 
      <li class="layui-this">注册</li> 
     </ul> 
     <div class="layui-form layui-tab-content" id="LAY_ucm" style="padding: 20px 0;"> 
      <div class="layui-tab-item layui-show"> 
       <div class="layui-form layui-form-pane"> 
        <form  method="post"> 
         <div class="layui-form-item"> 
          <label for="L_email" class="layui-form-label">手机</label> 
          <div class="layui-input-inline"> 
           <input type="text" id="L_phone" name="phone" required="" lay-verify="phone" autocomplete="off" value="18925139194" class="layui-input" /> 
          </div> 
         </div> 
         <div class="layui-form-item"> 
          <label for="L_vercode" class="layui-form-label">图形码</label> 
          <div class="layui-input-inline"> 
           <input type="text" id="L_imagecode" name="captcha" required="" lay-verify="required" autocomplete="off" class="layui-input" /> 
          </div> 
          <div class="layui-form-mid" style="padding: 0!important;"> 
           <img width="150" src="<?php echo url('index/reg/getcode'); ?>" id="code" class="fly-imagecode" /> 
          </div> 
         </div> 
         <div class="layui-form-item"> 
          <label for="L_vercode" class="layui-form-label">验证码</label> 
          <div class="layui-input-inline"> 
           <input type="text" id="L_vercode" name="vercode" required="" lay-verify="required" placeholder="请输入手机短信验证码" autocomplete="off" class="layui-input" /> 
          </div> 
          <div class="layui-form-mid" style="padding: 0!important;"> 
           <button type="button" class="layui-btn layui-btn-normal" id="getcode">获取验证码</button> 
          </div> 
         </div> 
         <div class="layui-form-item"> 
          <label for="L_username" class="layui-form-label">昵称</label> 
          <div class="layui-input-inline"> 
           <input type="text" id="L_username" name="username" required="" lay-verify="required" autocomplete="off" value="zhibinm" class="layui-input" /> 
          </div> 
          <div class="layui-form-mid layui-word-aux">
           你在社区的名字
          </div> 
         </div> 
         <div class="layui-form-item"> 
          <label for="L_pass" class="layui-form-label">密码</label> 
          <div class="layui-input-inline"> 
           <input type="password" id="L_pass" name="password" required="" lay-verify="required" autocomplete="off" value="123456" class="layui-input" /> 
          </div> 
          <div class="layui-form-mid layui-word-aux">
           6到16个字符
          </div> 
         </div> 
         <div class="layui-form-item"> 
          <label for="L_repass" class="layui-form-label">确认密码</label> 
          <div class="layui-input-inline"> 
           <input type="password" id="L_repass" name="repassword" required="" lay-verify="required" autocomplete="off" class="layui-input" value="123456" /> 
          </div> 
         </div> 
         <div class="layui-form-item" style="position: relative; left: -10px; height: 32px;"> 
          <input type="checkbox" name="agreement" lay-skin="primary" title="" checked="" /> 
          <a href="/instructions/terms.html" target="_blank" style="position: relative; top: 4px; left: 5px; color: #999;">同意用户服务条款</a> 
         </div> 
         <div class="layui-form-item"> 
          <button class="layui-btn" lay-filter="xbs" lay-submit="">立即注册</button> 
         </div> 
         <div class="layui-form-item fly-form-app"> 
          <span>或者直接使用社交账号快捷注册</span> 
          <a href="/app/qq" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})" class="iconfont icon-qq" title="QQ登入"></a> 
          <a href="/app/weibo/" onclick="layer.msg('正在通过微博登入', {icon:16, shade: 0.1, time:0})" class="iconfont icon-weibo" title="微博登入"></a> 
         </div> 
        </form> 
       </div> 
      </div> 
     </div> 
    </div> 
   </div>
  </div>
    <script>
  //Demo
  layui.use(['form','jquery'], function(){
    var form = layui.form;
    var $ = layui.jquery;


    $('#code').click(function(event) {
        $(this).attr('src',$(this).attr('src')+"?"+Math.random());
    });

    $('#getcode').click(function(event) {
        captcha = $('input[name=captcha]').val()
        if(captcha.length<1){
          layer.msg('验证码必须', function(){});
          return;
        }

        phone = $('input[name=phone]').val();

        $.post('<?php echo url('index/reg/sendmsg'); ?>', {captcha:captcha,phone:phone}, function(res, textStatus, xhr) {

          if(res.code==0){
            layer.msg(res.msg, function(){});
            $('#code').click();
          }else{
            layer.alert('发送成功', {icon: 6},function(){
               
            });
          }
          
        });

    });
    
    //监听提交
    form.on('submit(xbs)', function(data){
      $.ajax({
        url: '<?php echo url('index/reg/adduser'); ?>',
        type: 'POST',
        dataType: 'json',
        data: data.field,
      })
      .done(function(res) {
        if(res.code==0){
          layer.msg(res.msg, function(){
          //关闭后的操作
          });
          $('#code').click();
        }else{
          layer.alert('恭喜你，注册成功！', {icon: 6},function(){
              location.href = "<?php echo url('index/login/index'); ?>";
          });
        }
      })
      .fail(function() {
        console.log("error");
      })
      .always(function() {
        console.log("complete");
      });
      
      return false;
    });
  });
    </script>

  <div class="fly-footer"> 
   <p><a href="http://fly.layui.com/">Fly社区</a> 2018 &copy; <a href="http://www.layui.com/">layui.com</a></p> 
   <p> <a href="http://fly.layui.com/jie/3147/" target="_blank">付费计划</a> <a href="/case/2018/" target="_blank">layui案例</a> <a href="http://www.layui.com/template/fly/" target="_blank">获取Fly社区模版</a> <a href="http://fly.layui.com/jie/2461/" target="_blank">微信公众号</a> </p> 
   <p class="fly-union"> <a href="https://www.upyun.com?from=layui" target="_blank" rel="nofollow" upyun=""><img src="//res.layui.com/static/images/other/upyun.png?t=1" /></a> <span>提供 CDN 赞助</span> </p>
  </div>
  
<script>
//注意：导航 依赖 element 模块，否则无法进行功能性操作
layui.use('element', function(){
  var element = layui.element;
  
  //…
});
</script>
 </body>
</html>